import { useContext, memo } from 'react';
import {context} from './Provider'

function Counter03() {
  const {counter03, setCounter03} = useContext(context)

  console.log('counter03: ', counter03)

  function clickHandle() {
    setCounter03(counter03 + 1)
  }
  return (
    <button onClick={clickHandle}>
      counter03: {counter03}
    </button>
  )
}

export default memo(Counter03)